<html>
<head>
    <title>我的申请查询</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script language="javascript" src="../script/jquery.js"></script>
    <script language="javascript" src="../script/pageCommon.js" charset="utf-8"></script>
    <script language="javascript" src="../script/PageUtils.js" charset="utf-8"></script>
    <link type="text/css" rel="stylesheet" href="../style/blue/pageCommon.css" />
    <script type="text/javascript">
		function showProcessImage(applicationId) {
            $.get("/formflow/showPng?applicationId="+applicationId, function(data){
				var result = JSON.parse(data);
                var url = '/formflow/viewImage?deploymentId='+result.deploymentId+'&imageName='+result.imageName;
                $(".dialog").find("img").attr("src",url);
                $(".dialog").find("div").css("top",result.acs.x);
                $(".dialog").find("div").css("left",result.acs.y);
                $(".dialog").find("div").css("width",result.acs.width);
                $(".dialog").find("div").css("height",result.acs.height);
                $(".dialog").css("display","block");
            });


        }
    </script>
</head>
<body>

<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13" src="../style/images/title_arrow.gif"/> 我的申请查询
        </div>
        <div id="Title_End"></div>
    </div>
</div>


<div id="QueryArea">
	<div style="height: 30px">
		<form action="#">
		<table border=0 cellspacing=3 cellpadding=5>
			<tr>
				<td><select name="status" class="SelectStyle">
						<option value="">查看全部状态</option>
						<option value="1">审批中</option>
						<option value="2">未通过</option>
						<option value="3">已通过</option>
					</select>
				</td>
				<td><a href=""><input type="IMAGE" src="../style/blue/images/button/query.PNG"/></a></td>
			</tr>
		</table>
		</form>
	</div>
</div>

<div id="MainArea">
    <table cellspacing="0" cellpadding="0" class="TableStyle">
        <!-- 表头-->
        <thead>
            <tr align="CENTER" valign="MIDDLE" id="TableTitle">
				<td width="250px">标题</td>
				<td width="115px">申请人</td>
				<td width="115px">申请日期</td>
				<td width="115px">当前状态</td>
				<td>相关操作</td>
			</tr>
		</thead>	


		<!--显示数据列表：正在审批或审批完成的表单显示示例-->
        <tbody id="TableData" class="dataContainer" datakey="formList">
			<!-- 正在审批或审批完成的表单显示示例 -->
			<#list list as application>
				<tr class="TableDetail1 template">
					<td><a href="../Flow_Formflow/showForm.html">${application.title ! ''}</a></td>
					<td>${application.applicant.name ! ''}&nbsp;</td>
					<td>${application.applyDate?string('yyyy-MM-dd hh:mm:ss')}&nbsp;</td>
					<td>
						<#if application.status == "审批中">
							<a href="javascript:showProcessImage('${application.id}')">${application.status}</a>
						<#else>
							${application.status}
						</#if>
					</td>
					<td><a href="../Flow_Formflow/showForm.html">查看申请信息</a>
						<a href="/formflow/approvedHistory?applicationId=${application.id}">查看流转记录</a>
					</td>
				</tr>
			</#list>

        </tbody>
    </table>
    
    <!-- 其他功能超链接 -->
    <div id="TableTail"><div id="TableTail_inside"></div></div>
	<dialog class="dialog" style="display: none">

		<!-- 1.获取到规则流程图 -->
		<img style="position: absolute;top: 0px;left: 0px;" src="">

		<!-- 2.根据当前活动的坐标，动态绘制DIV -->
		<div style="position: absolute;border:1px solid red;"></div>
	</dialog>
</div>
</body>
</html>
